<!DOCTYPE html>
<html lang="en">

<head>
   <meta charset="UTF-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>图文列表23</title>
   <link rel="stylesheet" href="../css/bootstrap4.5.min.css">
   <link rel="stylesheet" href="../css/public.css">
   <style>
      .imgText_list_23_title {
         display: flex;
         justify-content: space-between;
      }

      .imgText_list_23_tit {
         width: 30%;
      }

      .imgText_list_23_tit h2 {
         color: var(--c_theme);
         font-size: var(--f_title);
         line-height: var(--l_title);
      }

      .imgText_list_23_tit p {
         color: var(--c_subtitle);
         font-size: var(--f_describe);
         line-height: var(--l_describe);
      }

      .imgText_list_23_text {
         width: 70%;
      }

      .imgText_list_23_text p {
         color: var(--c_text);
         font-size: var(--f_text);
         line-height: var(--l_text);
      }

      .imgText_list_23_main {
         padding-top: 60px;
      }

      .imgText_list_23_list li {
         padding: 0;
      }

      .imgText_list_23_list li {
         padding: 0 25px;
      }

      .imgText_list_23_item_box {
         padding: 20px;
      }

      .imgText_list_23_list_img {
         width: 100%;
         height: 629px;
         overflow: hidden;
      }

      .imgText_list_23_list_img img {
         width: 100%;
         height: 100%;
         object-fit: cover;
         transition: 0.5s;
      }

      .imgText_list_23_list_img:hover img {
         transform: scale(1.1);
      }

      @media (max-width:768px) {
         .imgText_list_23_title {
            display: initial;
         }
         
         .imgText_list_23_tit {
            width: 100%;
         }

         .imgText_list_23_text {
            padding-top: 22px;
            width: 100%;
         }

         .imgText_list_23_main {
            padding-top: 30px;
         }

         .imgText_list_23_list li {
            padding: 0;
            padding-bottom: 20px;
         }

         .imgText_list_23_list li:nth-child(1),
         .imgText_list_23_list li:nth-child(3){
            padding-right: 10px;
         }

         .imgText_list_23_list li:nth-child(2),
         .imgText_list_23_list li:nth-child(4) {
            padding-left: 10px;
         }

         .imgText_list_23_list_img {
            height: 309px;
         }
      }
   </style>
</head>

<body>
   <div class="imgText_list_23 modular">
      <div class="public_width">
         <div class="imgText_list_23_content">
            <div class="imgText_list_23_title">
               <div class="imgText_list_23_tit">
                  <h2>TEMPLATE 苗木基地</h2>
                  <p>OUR SEEDLING</p>
               </div>

               <div class="imgText_list_23_text">
                  <p>依托于园林建筑工程，园林绿化工程为主。经过二十多年来的不断发展，现已成为集市政绿化工程，特色小镇、主题公园、美丽乡村、别墅花园、别墅庭院、生态旅游风景区及寺庙古
                     建等园林规划与景观设计于一体的大型现代化园林企业，五行园林拥有20000多亩的苗木基地，安排专人养护，涵盖了大部分工程常用苗木，苗木基地直采，性价比高，专业的园艺师根据四季巧妙搭配植物，四季有花可赏，为你打造家门口的天然氧吧。
                  </p>
               </div>
            </div>

            <div class="imgText_list_23_main">
               <ul class="imgText_list_23_list row">
                  <li class="col-md-3 col-6">
                     <div class="imgText_list_23_list_img">
                        <img src="../images/part_imgText15_1.png" alt="">
                     </div>
                  </li>

                  <li class="col-md-3 col-6">
                     <div class="imgText_list_23_list_img">
                        <img src="../images/part_imgText15_1.png" alt="">
                     </div>
                  </li>

                  <li class="col-md-3 col-6">
                     <div class="imgText_list_23_list_img">
                        <img src="../images/part_imgText15_1.png" alt="">
                     </div>
                  </li>

                  <li class="col-md-3 col-6">
                     <div class="imgText_list_23_list_img">
                        <img src="../images/part_imgText15_1.png" alt="">
                     </div>
                  </li>
               </ul>
            </div>
         </div>
      </div>
   </div>
</body>

</html>